<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" >
	
	
<f:view contentType="text/html">
	
<h:head>
    <title>Ingreso | Marketplace G1</title>
    <link type="text/css" href="#{request.contextPath}/css/bootstrap.css" rel="stylesheet" />
    <link type="text/css" href="#{request.contextPath}/css/style.css" rel="stylesheet" />
	
	<!-- Para los iconos de los botones etc -->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
    
    
    <link rel="shortcut icon" href="img/favicon.png"></link>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    
</h:head>
<h:body style="margin: auto;">

	<div style="display:box; box-align:center;">
	    <section>
	        <div style="margin:40px auto; vertical-align:baseline; width:300px;" class="well">
	        
	            <!-- <h:form class="no-margin" action="/market/index.html" method="get"> -->
	            <h:form class="no-margin">

	            	<div id="header-title">
						<h1 class="animated fadeInDown" style="color: #1A242F;">Marketplace <span>G1</span></h1>						
					</div>
	            	<div>
            			<a href="/MarketWEB/market/index.xhtml" style="color:#333333;">
	            			<span class="glyphicon glyphicon-home pull-right" ></span>
            			</a>
	            		<h5 class="section-title">Iniciar sesion</h5>
            		</div>
	                <fieldset>	                
	                    <div class="form-group">
	                        <div class="input-group">
	                            <span class="input-group-addon"><i class="fa fa-user"></i></span>
	                            <p:inputText id="email" type="email" value="#{loginBean.email}" 
	                            			required="true" styleClass="form-control" placeholder="eMail" 
	                            			requiredMessage="ERROR: Debe ingresar su email" />
	                        </div>
	                    </div>
	
	                    <div class="form-group">
	                        <div class="input-group">
								<span class="input-group-addon"><i class="fa fa-lock"></i></span>
	                            <p:password value="#{loginBean.password}" required="true" id="password" 
	                            			type="password" styleClass="form-control" placeholder="Password"
	                            			requiredMessage="ERROR: Debe ingresar su contrasena" />
	                        </div>
	                    </div>
	                    
	                    <p:messages id="messages" styleClass="alert alert-dismissable alert-danger" showDetail="false" autoUpdate="true" closable="true" />
	                </fieldset>
	                
	                
	                
	                <div class="form-actions">
	                    <!-- <button type="submit" class="btn btn-block btn-primary">
	                        <span class="small-circle"><i class="fa fa-caret-right"></i></span>
	                        <small>Login</small>
	                    </button> -->
	                    <!-- <div class="forgot"><a class="forgot" href="#">Forgot Username or Password?</a></div> -->
	                    
	                    
	                    <!-- <p:growl id="growl" styleClass="panel panel-danger" showDetail="true" life="3000"/> -->
	                    
	                    <h:commandLink id="loginButton" value="Login" update="messages" 
							actionListener="#{loginBean.login}" 
							styleClass="btn btn-block btn-default" />

						<a href="./signin" id="fbButton" value=""							
							class="btn btn-block btn-fb"><i class="fa fa-facebook-square fa-lg"></i></a>
							

	                    <div class="clearfix"></div>
	                    
	                </div>
	            </h:form>
	        </div>
	        	        
	    </section>
	</div>

</h:body>
</f:view>

</html>